<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script type="text/javascript">
			document.write('<script src="../../js/fix.js?rd=?rd=' + Math.random() + '"><\/script>');
		</script>
		<script type="text/javascript">
			link(['../../css/reset.css', '../../css/my/emergenRepair.css']);
		</script>

	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">应急抢修</h1>
		</header>
		<div class="mui-content">
			<div id="slider" class="mui-slider mui-fullscreen">
				<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a class="mui-control-item mui-active" data-typeid="0" href="#item0">
						接单
					</a>
					<a class="mui-control-item" data-typeid="1" href="#item1">
						已接单
					</a>
					<a class="mui-control-item" data-typeid="2" href="#item2">
						已完成
					</a>
				</div>
				<div class="mui-slider-group">
					<div id="item0" class="mui-slider-item mui-control-content mui-active">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll" id="scroll0">
								<div class="take-order">
									<div class="support-ticket ">
										<div class="st-body">
											<div class="avatar">
												<img alt="" src="../../images/ic_firestation.svg">
											</div>
											<div class="ticket-content">
												<h6 class="ticket-title">配电箱故障</h6>
												<div class="ticket-description mui-ellipsis">#New street-Emergency#</div>
												<div><span class="iconfont icon-map"></span> 越城区1399号蒂凡尼酒店12层</div>
											</div>
										</div>
										<div class="st-foot">
											<a class="value with-avatar" href="#">
												<span>2018-11-01 23:34</span>
											</a>
											<!--<span class="label">报警时间:</span>-->
											<span class="mui-pull-right value">
												<button type="button" class="mui-btn btn-sm mui-btn-primary">接单</button>
											</span>
										</div>
									</div>
									<div class="support-ticket ">
										<div class="st-body">
											<div class="avatar">
												<img alt="" src="../../images/ic_firestation.svg">
											</div>
											<div class="ticket-content">
												<h6 class="ticket-title">配电箱故障</h6>
												<div class="ticket-description mui-ellipsis">#New street-Emergency#</div>
												<div><span class="iconfont icon-map"></span> 越城区1399号蒂凡尼酒店12层</div>
											</div>
										</div>
										<div class="st-foot">
											<a class="value with-avatar" href="#">
												<span>2018-11-01 23:34</span>
											</a>
											<!--<span class="label">报警时间:</span>-->
											<span class="mui-pull-right value">
												<button type="button" class="mui-btn btn-sm mui-btn-primary">接单</button>
											</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="item1" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll" id="scroll1">
								<div class="order-received">
									<div class="support-ticket ">
										<div class="st-meta">
											<div class="status-pill yellow"></div>
										</div>
										<div class="st-body">
											<div class="avatar">
												<img alt="" src="../../images/ic_firestation.svg">
											</div>
											<div class="ticket-content">
												<h6 class="ticket-title">配电箱故障</h6>
												<div class="ticket-description mui-ellipsis">#New street-Emergency#</div>
												<div><span class="iconfont icon-map"></span> 越城区1399号蒂凡尼酒店12层</div>
											</div>
										</div>
										<div class="st-foot">
											<a class="value with-avatar" href="#">
												<span>2018-11-01 23:34</span>
											</a>
											<!--<span class="label">报警时间:</span>-->
											<span class="mui-pull-right value">
												待处理
											</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="item2" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll" id="scroll2">
								<div class="order-complete">
									<div class="support-ticket ">
										<div class="st-meta">
											<div class="status-pill green"></div>
										</div>
										<div class="st-body">
											<div class="avatar">
												<img alt="" src="../../images/ic_firestation.svg">
											</div>
											<div class="ticket-content">
												<h6 class="ticket-title">配电箱故障</h6>
												<div class="ticket-description mui-ellipsis">#New street-Emergency#</div>
												<div><span class="iconfont icon-map"></span> 越城区1399号蒂凡尼酒店12层</div>
											</div>
										</div>
										<div class="st-foot">
											<a class="value with-avatar" href="#">
												<span>2018-11-01 23:34</span>
											</a>
											<!--<span class="label">报警时间:</span>-->
											<span class="mui-pull-right value">
												已完成
											</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<script type="text/javascript">
			//必须顺序加载
			script(['../../js/mui.min1.js', '../../js/mui.pullToRefresh.js']);
		</script>
	</body>

</html>